﻿<!doctype html>
<html>
 <head>
     <meta charset="UTF-8">
     <meta name="Keywords" content="">
     <meta name="Description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />
     <link rel="stylesheet" type="text/css" href="css/base.css" />
     <title></title>
 </head>
 <body class="container bgcl-lightGray">

    <header class="row header usrpage-header" id="header">
        <a class="pull-left header-btn" href="index.html"><span class="icon2 icon2-back"></span></a>
        <a class="pull-right header-btn" href="#"><span class="icon2 icon2-home"></span></a>
        <h1>体验馆展示</h1>
    </header>
     <div class="row banner" role="banner">
         <div id="carousel_banner" class="carousel slide" data-ride="carousel" role="slider">
             <!-- Indicators -->
             <ol class="carousel-indicators">
                 <li data-target="#carousel_banner" data-slide-to="0" class="active"></li>
                 <li data-target="#carousel_banner" data-slide-to="1"></li>
                 <li data-target="#carousel_banner" data-slide-to="2"></li>
             </ol>
             <!-- Wrapper for slides -->
             <div class="carousel-inner">
                 <div class="item active">
                     <img src="images/banner.jpg" />
                 </div>
                 <div class="item">
                     <img src="images/banner2.jpg" />
                 </div>
                 <div class="item">
                     <img src="images/banner3.jpg" />
                 </div>
             </div>
         </div>

         <div class="search-bar">
             <input type="text" placeholder="搜索商品/品牌" role="search"/>
             <button class="btn search-submit">搜</button>
         </div>
     </div> 
    <main class="row main store-show">
       <header>
           <h3><span class="icon2 icon2-loc"></span>有间旗舰店</h3>
       </header>
        <div class="store-show-inner">
            <!--星星-->
            <article class="box-green-norShape">
                <div class="box-content star-slot5" role="widget">
                    <span class="icon4 icon4-star-green"></span>
                    <span class="icon4 icon4-star-green"></span>
                    <span class="icon4 icon4-star-green"></span>
                    <span class="icon4 icon4-star-gray"></span>
                    <span class="icon4 icon4-star-gray"></span>
                    <span id="" class="star-counter">3.0</span>
                </div>
                
            </article>
            <!--商家信息-->
            <article class="box-green-norShape store-show-info">
                <header><span class="icon4 icon4-home"></span><h5 class="green-90 iconOnLeft">商家信息</h5></header>
                <div class="box-content">
                    <div class="store-show-info-cont">
                        <span class="mainText">天河区珠江新城冼村路2号首府大厦1-4楼</span><br />
                        <span class="mute">支付方式：刷卡、现金、支付宝</span>
                    </div>
                    <div class="store-show-info-phone"><a href="tel:10086" class="icon2 icon2-phone"></a></div>

                </div>
                <footer></footer>
            </article>
            <!--营业时间-->
            <article class="box-green-norShape">
                <div class="box-content">
                    <h5 class="green-90 pull-right" role="link">订座</h5>
                    <h5 class="green-90">营业时间: <span class="mainText">01:00 a.m. - 01:00 p.m.</span></h5>
                </div>
            </article>
            <!--活动-->
            <article class="box-green-norShape">
                <div class="box-content">
                    <span class="icon4 icon4-forward pull-right"></span>
                    <h5 class="green-90">店铺正在进行的活动名称</h5>
                </div>
            </article>
            <!--热卖-->
            <article class="box-green-norShape store-show-hotSell">
                <header><span class="icon4 icon4-fire"></span><h5 class="green-90 iconOnLeft">热卖商品</h5></header>
                <div class="box-content">
                    <!--一行商品-->
                    <div class="row">
                        <!--一个商品-->
                        <div class="col-xs-6 goods-content">
                            <a class="goods-pic"><img src="images/example3.jpg"/></a>
                            <a href="#" class="goods-info">
                                <div class="mainText">Bela Design原木质小台灯</div>
                                <div class="mute">创意 原木质 可调光 小夜灯</div>
                            </a>
                            <div class="goods-price">
                                <span class="goods-price-now">$158.00</span>
                                <del class="goods-price-old mute">$158.00</del>
                            </div>
                        </div>
                        <!--一个商品-->
                        <div class="col-xs-6 goods-content">
                            <a class="goods-pic"><img src="images/example3.jpg" /></a>
                            <a href="#" class="goods-info">
                                <div class="mainText">Bela Design原木质小台灯</div>
                                <div class="mute">创意 原木质 可调光 小夜灯</div>
                            </a>
                            <div class="goods-price">
                                <span class="goods-price-now">$158.00</span>
                                <del class="goods-price-old mute">$158.00</del>
                            </div>
                        </div>
                    </div>
                    <!--一行商品-->
                    <div class="row">
                        <!--一个商品-->
                        <div class="col-xs-6 goods-content">
                            <a class="goods-pic"><img src="images/example3.jpg" /></a>
                            <a href="#" class="goods-info">
                                <div class="mainText">Bela Design原木质小台灯</div>
                                <div class="mute">创意 原木质 可调光 小夜灯</div>
                            </a>
                            <div class="goods-price">
                                <span class="goods-price-now">$158.00</span>
                                <del class="goods-price-old mute">$158.00</del>
                            </div>
                        </div>
                        <!--一个商品-->
                        <div class="col-xs-6 goods-content">
                            <a class="goods-pic"><img src="images/example3.jpg" /></a>
                            <a href="#" class="goods-info">
                                <div class="mainText">Bela Design原木质小台灯</div>
                                <div class="mute">创意 原木质 可调光 小夜灯</div>
                            </a>
                            <div class="goods-price">
                                <span class="goods-price-now">$158.00</span>
                                <del class="goods-price-old mute">$158.00</del>
                            </div>
                        </div>
                    </div>
                    <!--一行商品-->
                    <div class="row">
                        <!--一个商品-->
                        <div class="col-xs-6 goods-content">
                            <a class="goods-pic"><img src="images/example3.jpg" /></a>
                            <a href="#" class="goods-info">
                                <div class="mainText">Bela Design原木质小台灯</div>
                                <div class="mute">创意 原木质 可调光 小夜灯</div>
                            </a>
                            <div class="goods-price">
                                <span class="goods-price-now">$158.00</span>
                                <del class="goods-price-old mute">$158.00</del>
                            </div>
                        </div>
                        <!--一个商品-->
                        <div class="col-xs-6 goods-content">
                            <a class="goods-pic"><img src="images/example3.jpg" /></a>
                            <a href="#" class="goods-info">
                                <div class="mainText">Bela Design原木质小台灯</div>
                                <div class="mute">创意 原木质 可调光 小夜灯</div>
                            </a>
                            <div class="goods-price">
                                <span class="goods-price-now">$158.00</span>
                                <del class="goods-price-old mute">$158.00</del>
                            </div>
                        </div>
                    </div>
                    

                </div>
                <footer></footer>
            </article>
        </div>
        
    </main>
     <!--页尾-->
     <footer class="row footer">
         <nav class="footer-nav">
             <div class="pull-left">
                 <a href="usrpage.html" class="nav-item left-icon"><span class="icon icon-people icon-s18"></span>登录</a>
                 <a class="nav-item"><span class="icon icon-vertline"></span></a>
                 <a href="signup.html" class="nav-item left-icon"><span class="icon icon-locker icon-s18"></span>注册</a>
             </div>
             <div class="pull-right">
                 <a class="nav-item" href="feedback.html">反馈</a>
                 <a class="nav-item divider"><span class="icon icon-vertline"></span></a>
                 <a class="nav-item" href="#header">TOP<span class="icon-beak"></span></a>
             </div>
         </nav>
         <nav class="footer-nav2">
             <div class="platform-select">
                 <div class="text-center">
                     <a class="nav-item left-icon" href="#"><span class="icon icon-phone icon-s18"></span>手机版</a>
                     <a class="nav-item left-icon" href="#"><span class="icon icon-computer icon-s18"></span>电脑版</a>
                     <a class="nav-item left-icon"><span class="icon icon-phone2 icon-s18"></span>下载客户端</a>
                 </div>
                 <div class="text-center footer-copyright">
                     <span>Copyright © 20013-2014  QQT100.COM</span><br />
                     <span>客服电话：4000-139-020</span>
                 </div>
             </div>
         </nav>
     </footer>

</body>
</html>
